.el-date-editor .el-range__icon {
  //TODO: Maybe change back UI调整
  line-height: 26px;
}

.el-date-editor .el-range__close-icon {
  //TODO: Maybe change back UI调整
  line-height: 26px;
}

// 日期选择器范围
.el-range-editor.el-input__inner {
  background: var(--opacity-blue-bg2);
  //
  background-size: unset !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
  border-radius: 4px;
}

.el-date-editor .el-range-input {
  background: transparent;
  color: var(--white-color);
}

.el-date-editor .el-range-separator {
  color: var(--white-color);
  line-height: 26px;
}

.el-picker-panel {
  background: linear-gradient(to bottom, rgba(0, 75, 128, 1), black); // header背景色
  border: 1px solid transparent;
}

.el-date-range-picker__header div {
  color: var(--white-color);
}

.el-picker-panel__icon-btn {
  color: rgba(255, 255, 255, 0.8);
}

.el-date-table {
  color: var(--white-color);
}

.el-date-table th {
  color: var(--white-color);
  border-bottom: solid 1px rgba(27, 87, 130, 1);
}

.el-date-table td.in-range div {
  background-color: rgba(10, 31, 50, 1);
}

.el-date-range-picker__content.is-left {
  border-right: solid 1px rgba(27, 87, 130, 1);
}

.el-date-table td.available:hover {
  color: #177ddc;
}

.el-date-table td.today span {
  color: var(--white-color);
  border: 1px solid #177ddc;
  border-radius: 4px;
}

// 日期选择器
.el-date-picker__header-label {
  color: var(--white-color);
}

.el-date-table td.current:not(.disabled) span {
  background-color: #177ddc;
  border-radius: 4px;
}

// 时间选择器
.el-time-panel {
  // background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black); // header背景色
  background: linear-gradient(to bottom, rgba(0, 75, 128, 1), black); // header背景色
  // border: 1px solid red;
  border: 1px solid #007db4;
}

.el-time-spinner__item {
  color: var(--white-opacity7);
}

.el-time-spinner__item.active:not(.disabled) {
  color: var(--white-color);
}

.el-time-spinner__item:hover:not(.disabled, .active) {
  background: #409eff;
}

/* stylelint-disable */
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #409eff;
  cursor: pointer;
}

.el-time-panel__content::after,
.el-time-panel__content::before {
  margin-top: -8px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}

.cancel {
  color: var(--white-color);
}

.el-time-panel__footer {
  // border: 1px solid gray;
  border: 1px solid rgba(27, 87, 130, 1);
}

// el-form表单
.el-form-item__label {
  color: var(--white-color);
}

.el-switch {

  background-size: 100% 100% !important;
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--light-blue-color);
  background-color: rgba(0, 222, 240, 0.6);
}

.el-switch__core {
  background: rgba(220, 223, 230, 0.5);
  transition: border-color 0s, background-color 0s;
}

.el-textarea__inner,
.el-textarea__inner:hover,
.el-textarea__inner:focus {
  background-color: transparent;
  border: 1px solid var(--light-blue-color);
  color: var(--light-blue-color);
  border-radius: 0;
}

.el-picker-panel__footer {
  background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black);

  .el-button:nth-of-type(2) {
    background: var(--primary-btn);
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 14px;
  }
}

.el-picker-panel__body {
  // border: 1px solid var(--light-blue-color);
  border: 1px solid rgba(0, 125, 180, 1);
}

.el-date-table td span {
  border-radius: 0;
}

.el-date-table td.start-date span {
  background-color: #177ddc;
  border-radius: 4px;
  color: #fff;
}

.el-date-table td.end-date span {
  color: #fff;
  background-color: #177ddc;
  border-radius: 4px;
}

.el-popper[x-placement^="top"] .popper__arrow::after {
  border-top-color: rgba(0, 0, 0, 0.8);
}

// 年份选择器
.el-year-table td .cell {
  color: var(--white-color);
}

.el-year-table td.today .cell {
  border: 1px solid #177ddc;
  color: #177ddc;
}

.el-year-table td.current:not(.disabled) .cell {
  color: #fff;
  background: #177ddc;
  border-radius: 4px;
}

.el-year-table td .cell:hover {
  color: #177ddc;
}

// 月份范围选择器
.el-month-table td.today .cell {
  color: #177ddc;
  border: 1px solid #177ddc;
  font-weight: 600;
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
  background-color: #177ddc;
  color: #fff;
}

.el-month-table td .cell {
  color: var(--white-color);
  width: 45px;
  border-radius: 4px;
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
  background-color: rgba(10, 31, 50, 1);
}

.el-year-table td.disabled .cell {
  background-color: rgba(51, 69, 86, 0.8);
  border-radius: 4px;
  color: gray;
}

.el-date-table td.disabled div {
  background-color: rgba(51, 69, 86, 0.5);
  color: gray;
}

.el-month-table td.disabled .cell {
  background-color: rgba(51, 69, 86, 0.8);
  color: gray;
}

.el-month-table td.current:not(.disabled) .cell {
  background-color: #177ddc;
  border-radius: 4px;
  color: #fff;
}

.el-month-table td.today span {
  color: #177ddc;
  border: 1px solid #177ddc;
  border-radius: 4px;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border: 1px solid #00def0 !important;
}

.datePicker_changeColor {
  background: '' no-repeat top right, linear-gradient(90deg, #19354F 0%, rgba(25, 47, 66, 0.87) 52%, #132B40 100%) !important;
  border: 1px solid transparent !important;

  input {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b3bdca !important;
  }

  .el-range-input:focus {
    color: #24deff !important;
  }

  .el-range-input::placeholder {
    color: #b3bdca !important;
  }
}